<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no"
    />
    <title>14-设置元素样式.html</title>
    <style>
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
    </style>
  </head>
  <body>
    <div>普通的元素</div>

    <script>
      // 1 获取dom元素
      let div = document.querySelector('div');
      // 2 开始修改 
      // div.style.fontSize="100px";
      // div.style.color="yellow";
      // div.style.backgroundColor="pink";
      // div.style.height="300px";
      // div.style.width="400px";

      // 会出现 单词写错或者 值写错 写漏
      // 那段代码没有效果 就去看那段代码 

      div.style.fontSize="100px";
      div.style.color="yellow";
      div.style.backgroundColor="pink";
      div.style.height="300px";
      div.style.width="400px";
    </script>
  </body>
</html>
